<template>
	<view class="negative-win-detail-item">
		<view class="content">
			<label class="point">{{idx+1}}</label>
			<view class="item-content">
				<label style="max-width: 420rpx;">{{item.projectName}}</label>
				<label>所属窗口：{{item.windowArea ?? '暂无'}}</label>
				<label>受理部门：{{item.proDepart}}</label>
				<label>评价时间：<text>{{item.assessTime}}</text></label>
			</view>
		</view>
		<label :class="`pj ${item.degree == '非常不满意' ? 'red': 'orange'}`">{{item.degree}}</label>
	</view>
</template>

<script setup>
import {ref} from "vue"
const props = defineProps({
	item: {
		type: Object,
	},
	idx: [Number, String],
});
</script>

<style lang="sass">
.negative-win-detail-item
	display: flex
	flex: 1
	padding-bottom: 6rpx
	padding-top: 26rpx
	justify-content: space-between
	position: relative
	&:after
		content: ""
		position: absolute
		left: 22rpx
		right:22rpx
		bottom: 0
		height: 2rpx
		background: #F6F6F6
	.content
		display: flex
	.point
		width: 40rpx
		height: 34rpx
		background: #455BDF
		border-radius: 5rpx
		text-align: center
		font-weight: bold
		color:#ffffff
		margin-left: 20rpx
		line-height: 34rpx
		margin-right: 21rpx
	.item-content
		display: flex
		flex-direction: column
		min-width: 430rpx
		label
			font-size: 28rpx
			font-family: Source Han Sans CN
			font-weight: 400
			color: #1B1D20
			margin-bottom: 20rpx
			text
				color: #455BDF
	.pj
		height: 28rpx
		border: 1px solid #FB453B
		border-radius: 5rpx
		font-size: 24rpx
		font-family: Source Han Sans CN
		font-weight: 400
		line-height: 28rpx
		padding: 0 10rpx
		margin-right: 32rpx
		position: absolute
		right: 0
		top: 32rpx
		&.orange
			border-color:#FCA223
			color: #FCA223
		&.red
			border-color: #FB453B
			color: #FB453B
</style>

